﻿<!DOCTYPE html>
<html>
  <head>
    <title>我的会员</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/我的会员/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/我的会员/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组 合) -->
      <div id="u3397" class="ax_default" data-left="251" data-top="15" data-width="174" data-height="347">

        <!-- Unnamed (组 合) -->
        <div id="u3398" class="ax_default" data-left="251" data-top="15" data-width="174" data-height="347">

          <!-- Unnamed (矩形) -->
          <div id="u3399" class="ax_default box_1">
            <div id="u3399_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u3400" class="ax_default box_1">
            <div id="u3400_div" class=""></div>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u3401" class="ax_default ellipse">
            <img id="u3401_img" class="img " src="images/全局说明/u293.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u3402" class="ax_default ellipse">
            <img id="u3402_img" class="img " src="images/首页逻辑图/u518.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u3403" class="ax_default box_1">
            <div id="u3403_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u3404" class="ax_default _图片">
          <img id="u3404_img" class="img " src="images/全局说明/u296.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3405" class="ax_default box_2">
          <div id="u3405_div" class=""></div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u3406" class="ax_default _形状">
          <img id="u3406_img" class="img " src="images/书籍阅读/u1081.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3407" class="ax_default box_2">
          <div id="u3407_div" class=""></div>
          <div id="u3407_text" class="text ">
            <p><span>我的会员</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3408" class="ax_default box_1">
          <div id="u3408_div" class=""></div>
          <div id="u3408_text" class="text ">
            <p><span>祈求不掉发</span></p>
          </div>
        </div>

        <!-- 个人头像 (组 合) -->
        <div id="u3409" class="ax_default" data-label="个人头像" data-left="266" data-top="88" data-width="33" data-height="33">

          <!-- Unnamed (椭圆形) -->
          <div id="u3410" class="ax_default ellipse">
            <img id="u3410_img" class="img " src="images/消息页逻辑图/u2220.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u3411" class="ax_default icon">
            <img id="u3411_img" class="img " src="images/消息页逻辑图/u2221.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3412" class="ax_default box_1">
          <div id="u3412_div" class=""></div>
          <div id="u3412_text" class="text ">
            <p><span>书豆：100</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3413" class="ax_default box_1">
          <div id="u3413_div" class=""></div>
          <div id="u3413_text" class="text ">
            <p><span>开通</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3414" class="ax_default box_1">
          <div id="u3414_div" class=""></div>
          <div id="u3414_text" class="text ">
            <p><span>会员专享内容：</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u3415" class="ax_default" data-left="488" data-top="15" data-width="174" data-height="347">

        <!-- Unnamed (组 合) -->
        <div id="u3416" class="ax_default" data-left="488" data-top="15" data-width="174" data-height="347">

          <!-- Unnamed (矩形) -->
          <div id="u3417" class="ax_default box_1">
            <div id="u3417_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u3418" class="ax_default box_1">
            <div id="u3418_div" class=""></div>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u3419" class="ax_default ellipse">
            <img id="u3419_img" class="img " src="images/全局说明/u293.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u3420" class="ax_default ellipse">
            <img id="u3420_img" class="img " src="images/首页逻辑图/u518.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u3421" class="ax_default box_1">
            <div id="u3421_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u3422" class="ax_default _图片">
          <img id="u3422_img" class="img " src="images/全局说明/u296.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3423" class="ax_default box_2">
          <div id="u3423_div" class=""></div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u3424" class="ax_default _形状">
          <img id="u3424_img" class="img " src="images/书籍阅读/u1081.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3425" class="ax_default box_2">
          <div id="u3425_div" class=""></div>
          <div id="u3425_text" class="text ">
            <p><span>开通会员</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3426" class="ax_default box_2">
          <div id="u3426_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3427" class="ax_default box_2">
          <div id="u3427_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3428" class="ax_default box_2">
          <div id="u3428_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3429" class="ax_default box_2">
          <div id="u3429_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3430" class="ax_default box_2">
          <div id="u3430_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3431" class="ax_default box_1">
          <div id="u3431_div" class=""></div>
          <div id="u3431_text" class="text ">
            <p><span>1个月</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3432" class="ax_default box_1">
          <div id="u3432_div" class=""></div>
          <div id="u3432_text" class="text ">
            <p><span>10元</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3433" class="ax_default box_1">
          <div id="u3433_div" class=""></div>
          <div id="u3433_text" class="text ">
            <p><span>3个月</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3434" class="ax_default box_1">
          <div id="u3434_div" class=""></div>
          <div id="u3434_text" class="text ">
            <p><span>25元</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3435" class="ax_default box_1">
          <div id="u3435_div" class=""></div>
          <div id="u3435_text" class="text ">
            <p><span>6个月</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3436" class="ax_default box_1">
          <div id="u3436_div" class=""></div>
          <div id="u3436_text" class="text ">
            <p><span>50元</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3437" class="ax_default box_1">
          <div id="u3437_div" class=""></div>
          <div id="u3437_text" class="text ">
            <p><span>12个月</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3438" class="ax_default box_1">
          <div id="u3438_div" class=""></div>
          <div id="u3438_text" class="text ">
            <p><span>100元</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3439" class="ax_default box_1">
          <div id="u3439_div" class=""></div>
          <div id="u3439_text" class="text ">
            <p><span>书豆余额</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3440" class="ax_default box_1">
          <div id="u3440_div" class=""></div>
          <div id="u3440_text" class="text ">
            <p><span>100个</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3441" class="ax_default box_1">
          <img id="u3441_img" class="img " src="images/我的会员/u3441.png"/>
          <div id="u3441_text" class="text ">
            <p><span>&nbsp; 实付：xxx元</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3442" class="ax_default box_1">
          <img id="u3442_img" class="img " src="images/我的会员/u3441.png"/>
          <div id="u3442_text" class="text ">
            <p><span>支付&nbsp;&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u3443" class="ax_default line">
          <img id="u3443_img" class="img " src="images/我的会员/u3443.png"/>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u3444" class="ax_default" data-left="718" data-top="15" data-width="174" data-height="347">

        <!-- Unnamed (组 合) -->
        <div id="u3445" class="ax_default" data-left="718" data-top="15" data-width="174" data-height="347">

          <!-- Unnamed (矩形) -->
          <div id="u3446" class="ax_default box_1">
            <div id="u3446_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u3447" class="ax_default box_1">
            <div id="u3447_div" class=""></div>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u3448" class="ax_default ellipse">
            <img id="u3448_img" class="img " src="images/全局说明/u293.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u3449" class="ax_default ellipse">
            <img id="u3449_img" class="img " src="images/首页逻辑图/u518.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u3450" class="ax_default box_1">
            <div id="u3450_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u3451" class="ax_default _图片">
          <img id="u3451_img" class="img " src="images/全局说明/u296.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3452" class="ax_default box_2">
          <div id="u3452_div" class=""></div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u3453" class="ax_default _形状">
          <img id="u3453_img" class="img " src="images/书籍阅读/u1081.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3454" class="ax_default box_2">
          <div id="u3454_div" class=""></div>
          <div id="u3454_text" class="text ">
            <p><span>确认交易</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3455" class="ax_default box_1">
          <div id="u3455_div" class=""></div>
          <div id="u3455_text" class="text ">
            <p><span>汇说-会员充值</span></p><p><span>￥10</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3456" class="ax_default box_1">
          <div id="u3456_div" class=""></div>
          <div id="u3456_text" class="text ">
            <p><span>收款方</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3457" class="ax_default box_1">
          <div id="u3457_div" class=""></div>
          <div id="u3457_text" class="text ">
            <p><span>汇说平台</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3458" class="ax_default box_2">
          <div id="u3458_div" class=""></div>
          <div id="u3458_text" class="text ">
            <p><span>立即支付</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u3459" class="ax_default" data-left="946" data-top="15" data-width="174" data-height="347">

        <!-- Unnamed (组 合) -->
        <div id="u3460" class="ax_default" data-left="946" data-top="15" data-width="174" data-height="347">

          <!-- Unnamed (矩形) -->
          <div id="u3461" class="ax_default box_1">
            <div id="u3461_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u3462" class="ax_default box_1">
            <div id="u3462_div" class=""></div>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u3463" class="ax_default ellipse">
            <img id="u3463_img" class="img " src="images/全局说明/u293.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u3464" class="ax_default ellipse">
            <img id="u3464_img" class="img " src="images/首页逻辑图/u518.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u3465" class="ax_default box_1">
            <div id="u3465_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u3466" class="ax_default _图片">
          <img id="u3466_img" class="img " src="images/全局说明/u296.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3467" class="ax_default box_2">
          <div id="u3467_div" class=""></div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u3468" class="ax_default _形状">
          <img id="u3468_img" class="img " src="images/书籍阅读/u1081.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3469" class="ax_default box_2">
          <div id="u3469_div" class=""></div>
          <div id="u3469_text" class="text ">
            <p><span>确认交易</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3470" class="ax_default box_1">
          <div id="u3470_div" class=""></div>
          <div id="u3470_text" class="text ">
            <p><span>汇说-会员充值</span></p><p><span>￥10</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3471" class="ax_default box_1">
          <div id="u3471_div" class=""></div>
          <div id="u3471_text" class="text ">
            <p><span>收款方</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3472" class="ax_default box_1">
          <div id="u3472_div" class=""></div>
          <div id="u3472_text" class="text ">
            <p><span>汇说平台</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3473" class="ax_default box_2">
          <div id="u3473_div" class=""></div>
          <div id="u3473_text" class="text ">
            <p><span>立即支付</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u3474" class="ax_default _图片">
          <img id="u3474_img" class="img " src="images/用例说明/u377.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3475" class="ax_default box_1">
          <div id="u3475_div" class=""></div>
          <div id="u3475_text" class="text ">
            <p><span>请输入支付码</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u3476" class="ax_default icon">
          <img id="u3476_img" class="img " src="images/我的作品/u3125.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3477" class="ax_default box_1">
        <img id="u3477_img" class="img " src="images/我的会员/u3477.png"/>
        <div id="u3477_text" class="text ">
          <p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">说明：</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">进入【我的会员】页面，显示用户昵称和书豆余额，普通用户不点亮VIP图标，会员用户则点亮VIP图标</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">1、点击“开通”进入到【开通会员】页面，页面显示开通会员的套餐，用户可随意选择任意套餐购买，点击套餐，选择框变深色</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">2、点击“支付”进入到【确认交易】页面，点击“立即支付”，底部弹出键盘框，输入支付码便可实现支付。如不想支付则点击“返回键”返回到【我的会员】页面</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p><p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;color:#FF0000;">前端产品与CMS的交互</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#FF0000;">当用户开通会员之后，会点亮用户的会员图标，在后台会员管理页面会新增该会员的个人详细信息，包括ID号、昵称、头像、性别等</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u3478" class="ax_default _连接线">
        <img id="u3478_seg0" class="img " src="images/我的会员/u3478_seg0.png" alt="u3478_seg0"/>
        <img id="u3478_seg1" class="img " src="images/我的会员/u3478_seg1.png" alt="u3478_seg1"/>
        <img id="u3478_seg2" class="img " src="images/我的会员/u3478_seg2.png" alt="u3478_seg2"/>
        <img id="u3478_seg3" class="img " src="images/首页逻辑图/u625_seg4.png" alt="u3478_seg3"/>
        <img id="u3478_seg4" class="img " src="images/首页逻辑图/u624_seg4.png" alt="u3478_seg4"/>
        <div id="u3478_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u3479" class="ax_default _连接线">
        <img id="u3479_seg0" class="img " src="images/我的会员/u3479_seg0.png" alt="u3479_seg0"/>
        <img id="u3479_seg1" class="img " src="images/我的会员/u3479_seg1.png" alt="u3479_seg1"/>
        <img id="u3479_seg2" class="img " src="images/我的会员/u3479_seg2.png" alt="u3479_seg2"/>
        <img id="u3479_seg3" class="img " src="images/首页逻辑图/u625_seg4.png" alt="u3479_seg3"/>
        <img id="u3479_seg4" class="img " src="images/首页逻辑图/u624_seg4.png" alt="u3479_seg4"/>
        <div id="u3479_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- VIP图标 (组 合) -->
      <div id="u3480" class="ax_default" data-label="VIP图标" data-left="287" data-top="109" data-width="12" data-height="12">

        <!-- Unnamed (形状) -->
        <div id="u3481" class="ax_default _形状1">
          <img id="u3481_img" class="img " src="images/登陆_注册页/u2386.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u3482" class="ax_default _形状1">
          <img id="u3482_img" class="img " src="images/登陆_注册页/u2387.png"/>
        </div>
      </div>

      <!-- Unnamed (文本框) -->
      <div id="u3483" class="ax_default text_field">
        <input id="u3483_input" type="text" value=""/>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u3484" class="ax_default _连接线">
        <img id="u3484_seg0" class="img " src="images/我的会员/u3484_seg0.png" alt="u3484_seg0"/>
        <img id="u3484_seg1" class="img " src="images/我的会员/u3484_seg1.png" alt="u3484_seg1"/>
        <img id="u3484_seg2" class="img " src="images/创作模式选择-传统小说创作--发布/u2015_seg4.png" alt="u3484_seg2"/>
        <img id="u3484_seg3" class="img " src="images/我的会员/u3484_seg3.png" alt="u3484_seg3"/>
        <div id="u3484_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u3485" class="ax_default" data-left="15" data-top="15" data-width="174" data-height="347">

        <!-- Unnamed (组 合) -->
        <div id="u3486" class="ax_default" data-left="15" data-top="15" data-width="174" data-height="347">

          <!-- Unnamed (矩形) -->
          <div id="u3487" class="ax_default box_1">
            <div id="u3487_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u3488" class="ax_default box_1">
            <div id="u3488_div" class=""></div>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u3489" class="ax_default ellipse">
            <img id="u3489_img" class="img " src="images/全局说明/u293.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u3490" class="ax_default ellipse">
            <img id="u3490_img" class="img " src="images/首页逻辑图/u518.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u3491" class="ax_default box_1">
            <div id="u3491_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u3492" class="ax_default _图片">
          <img id="u3492_img" class="img " src="images/全局说明/u296.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3493" class="ax_default box_2">
          <div id="u3493_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3494" class="ax_default label">
          <div id="u3494_div" class=""></div>
          <div id="u3494_text" class="text ">
            <p><span>首页</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3495" class="ax_default label">
          <div id="u3495_div" class=""></div>
          <div id="u3495_text" class="text ">
            <p><span>社区</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3496" class="ax_default label">
          <div id="u3496_div" class=""></div>
          <div id="u3496_text" class="text ">
            <p><span>创作</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3497" class="ax_default label">
          <div id="u3497_div" class=""></div>
          <div id="u3497_text" class="text ">
            <p><span>消息</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3498" class="ax_default label">
          <div id="u3498_div" class=""></div>
          <div id="u3498_text" class="text ">
            <p><span>我的</span></p>
          </div>
        </div>

        <!-- 昵称 (矩形) -->
        <div id="u3499" class="ax_default box_1" data-label="昵称">
          <div id="u3499_div" class=""></div>
          <div id="u3499_text" class="text ">
            <p><span>祈求不掉发</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3500" class="ax_default box_1">
          <div id="u3500_div" class=""></div>
          <div id="u3500_text" class="text ">
            <p><span>关注</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3501" class="ax_default box_1">
          <div id="u3501_div" class=""></div>
          <div id="u3501_text" class="text ">
            <p><span>粉丝</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3502" class="ax_default box_1">
          <div id="u3502_div" class=""></div>
          <div id="u3502_text" class="text ">
            <p><span>书豆</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3503" class="ax_default box_1">
          <div id="u3503_div" class=""></div>
          <div id="u3503_text" class="text ">
            <p><span>5</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3504" class="ax_default box_1">
          <div id="u3504_div" class=""></div>
          <div id="u3504_text" class="text ">
            <p><span>0</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3505" class="ax_default box_1">
          <div id="u3505_div" class=""></div>
          <div id="u3505_text" class="text ">
            <p><span>100</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3506" class="ax_default box_1">
          <div id="u3506_div" class=""></div>
          <div id="u3506_text" class="text ">
            <p><span>好友排行榜</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3507" class="ax_default box_1">
          <div id="u3507_div" class=""></div>
          <div id="u3507_text" class="text ">
            <p><span>28</span></p>
          </div>
        </div>

        <!-- ID (矩形) -->
        <div id="u3508" class="ax_default box_1" data-label="ID">
          <div id="u3508_div" class=""></div>
          <div id="u3508_text" class="text ">
            <p><span>ID：1256354</span></p>
          </div>
        </div>

        <!-- 勋章 (矩形) -->
        <div id="u3509" class="ax_default box_1" data-label="勋章">
          <div id="u3509_div" class=""></div>
          <div id="u3509_text" class="text ">
            <p><span>勋章：</span></p>
          </div>
        </div>

        <!-- 勋章图标 (组 合) -->
        <div id="u3510" class="ax_default" data-label="勋章图标" data-left="113" data-top="102" data-width="13" data-height="15">

          <!-- Unnamed (形状) -->
          <div id="u3511" class="ax_default _形状">
            <img id="u3511_img" class="img " src="images/用户基础信息/u2548.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u3512" class="ax_default _形状">
            <img id="u3512_img" class="img " src="images/用户基础信息/u2549.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u3513" class="ax_default _形状">
            <img id="u3513_img" class="img " src="images/用户基础信息/u2550.png"/>
          </div>
        </div>

        <!-- 性别 (组 合) -->
        <div id="u3514" class="ax_default" data-label="性别" data-left="72" data-top="77" data-width="12" data-height="12">

          <!-- Unnamed (形状) -->
          <div id="u3515" class="ax_default _形状">
            <img id="u3515_img" class="img " src="images/用户基础信息/u2552.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u3516" class="ax_default _形状">
            <img id="u3516_img" class="img " src="images/用户基础信息/u2553.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u3517" class="ax_default _形状">
            <img id="u3517_img" class="img " src="images/用户基础信息/u2554.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u3518" class="ax_default _形状">
            <img id="u3518_img" class="img " src="images/用户基础信息/u2555.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3519" class="ax_default box_2" selectiongroup="SelectItem">
          <div id="u3519_div" class=""></div>
          <div id="u3519_text" class="text ">
            <p><span>我的作品</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3520" class="ax_default box_2" selectiongroup="SelectItem">
          <div id="u3520_div" class=""></div>
          <div id="u3520_text" class="text ">
            <p><span>我的钱包</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3521" class="ax_default box_2" selectiongroup="SelectItem">
          <div id="u3521_div" class=""></div>
          <div id="u3521_text" class="text ">
            <p><span>我的会员</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u3522" class="ax_default line">
          <img id="u3522_img" class="img " src="images/登陆_注册页/u2368.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u3523" class="ax_default line">
          <img id="u3523_img" class="img " src="images/登陆_注册页/u2368.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3524" class="ax_default box_2" selectiongroup="SelectItem">
          <div id="u3524_div" class=""></div>
          <div id="u3524_text" class="text ">
            <p><span>我的收藏</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u3525" class="ax_default line">
          <img id="u3525_img" class="img " src="images/登陆_注册页/u2368.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u3526" class="ax_default _形状">
          <img id="u3526_img" class="img " src="images/登陆_注册页/u2372.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u3527" class="ax_default _形状">
          <img id="u3527_img" class="img " src="images/登陆_注册页/u2372.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u3528" class="ax_default _形状">
          <img id="u3528_img" class="img " src="images/登陆_注册页/u2372.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u3529" class="ax_default _形状">
          <img id="u3529_img" class="img " src="images/登陆_注册页/u2372.png"/>
        </div>

        <!-- VIP图标 (组 合) -->
        <div id="u3530" class="ax_default" data-label="VIP图标" data-left="57" data-top="97" data-width="12" data-height="12">

          <!-- Unnamed (形状) -->
          <div id="u3531" class="ax_default _形状1">
            <img id="u3531_img" class="img " src="images/登陆_注册页/u2386.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u3532" class="ax_default _形状1">
            <img id="u3532_img" class="img " src="images/登陆_注册页/u2387.png"/>
          </div>
        </div>

        <!-- 个人头像 (组 合) -->
        <div id="u3533" class="ax_default" data-label="个人头像" data-left="33" data-top="75" data-width="33" data-height="33">

          <!-- Unnamed (椭圆形) -->
          <div id="u3534" class="ax_default ellipse">
            <img id="u3534_img" class="img " src="images/消息页逻辑图/u2220.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u3535" class="ax_default icon">
            <img id="u3535_img" class="img " src="images/消息页逻辑图/u2221.png"/>
          </div>
        </div>

        <!-- 设置按钮 (组 合) -->
        <div id="u3536" class="ax_default" data-label="设置按钮" data-left="153" data-top="65" data-width="18" data-height="18">

          <!-- Unnamed (形状) -->
          <div id="u3537" class="ax_default _形状">
            <img id="u3537_img" class="img " src="images/登陆_注册页/u2392.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u3538" class="ax_default _形状">
            <img id="u3538_img" class="img " src="images/登陆_注册页/u2393.png"/>
          </div>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u3539" class="ax_default _连接线">
        <img id="u3539_seg0" class="img " src="images/分享区--我要分享/u1797_seg0.png" alt="u3539_seg0"/>
        <img id="u3539_seg1" class="img " src="images/我的会员/u3539_seg1.png" alt="u3539_seg1"/>
        <img id="u3539_seg2" class="img " src="images/分享区--我要分享/u1797_seg4.png" alt="u3539_seg2"/>
        <img id="u3539_seg3" class="img " src="images/首页逻辑图/u624_seg4.png" alt="u3539_seg3"/>
        <div id="u3539_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u3540" class="ax_default _连接线">
        <img id="u3540_seg0" class="img " src="images/我的会员/u3540_seg0.png" alt="u3540_seg0"/>
        <img id="u3540_seg1" class="img " src="images/我的会员/u3540_seg1.png" alt="u3540_seg1"/>
        <img id="u3540_seg2" class="img " src="images/我的会员/u3540_seg2.png" alt="u3540_seg2"/>
        <img id="u3540_seg3" class="img " src="images/首页逻辑图/u625_seg4.png" alt="u3540_seg3"/>
        <img id="u3540_seg4" class="img " src="images/我的会员/u3540_seg4.png" alt="u3540_seg4"/>
        <div id="u3540_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>
    </div>
  </body>
</html>
